import React from "react";
import '../styles/search.less';
import { SearchComponentInterface } from './interface/SearchComponentInterface';

export default class Search extends React.Component<SearchComponentInterface>{

    constructor(props:any, context:any){
        super(props);
    }

    render() {
        return <>
        <div className="search-box">
            <input placeholder="搜索商品" 
                onBlur={this.props.onBlur ? (event) => this.props.onBlur() : () => {}} 
                onFocus={this.props.onFocus ? (event) => this.props.onFocus() : () => {}}
             />
        </div>
        </>
    }

}